<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>首頁</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="assets/i/examples/favicon.ico">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="assets/css/amazeui.min.css">
    <link rel="stylesheet" href="assets/css/app.css">

    <link rel="stylesheet" href="assets/css/swiper.min.css">

    <link rel="stylesheet" href="assets/css/new-style.css">

    <style>
        body{
            width: 1000px;
            margin: 0 auto;
            min-width: 1000px;
        }
    </style>

    <!--<script>-->
        <!--function isMobile() {-->
            <!--if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)))-->
                <!--return true;-->
            <!--else-->
                <!--return false;-->
        <!--}-->
        <!--var urlMobile='http://192.168.0.6:8080/pandr-m/m-index.html';//手机跳转的页面-->
        <!--if(isMobile() !== false)-->
            <!--window.location.href="http://192.168.0.6:8080/pandr-pc/pc-index.html";-->
    <!--</script>-->

</head>
<body>
<div class="container">

        <div class="am-u-sm-12 in-header">
            <!--<span class="am-u-sm-2" style="text-align: left; cursor: pointer;">-->
                <!--<img src="assets/i/examples/top-back.png" alt="" style="padding-bottom: 5px;">-->
            <!--</span>-->
            <!--<span class="am-u-sm-8" style="padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF;">-->
                <!--<span style="color: #FFF;">勞斯萊斯幻影</span>-->
            <!--</span>-->
            <span class="am-u-sm-12" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #FFF;">
                <span style="color: #FFF;">勞斯萊斯幻影</span>
            </span>
             <!--<span class="am-u-sm-2" style="text-align: right; line-height: 40px; cursor: pointer;">-->
                <!--<img src="assets/i/examples/index-user.png" alt=""/>-->
            <!--</span>-->
        </div>

        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img style="width: 100%; height: 100%" src="assets/i/examples/bing.jpg" alt=""/></div>
                <div class="swiper-slide"><img style="width: 100%; height: 100%" src="assets/i/examples/bing.jpg" alt=""/></div>
                <div class="swiper-slide"><img style="width: 100%; height: 100%" src="assets/i/examples/bing.jpg" alt=""/></div>
                <div class="swiper-slide"><img style="width: 100%; height: 100%" src="assets/i/examples/bing.jpg" alt=""/></div>
                <div class="swiper-slide"><img style="width: 100%; height: 100%" src="assets/i/examples/bing.jpg" alt=""/></div>
            </div>
            <div class="swiper-pagination"></div>

            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>

<div class="all-content am-u-sm-12" style="padding: 0;">

        <div class="in-content am-u-sm-12" style="padding: 10px 0; margin-top: 10px; cursor: pointer; border-top: 1px solid #eee;" onclick="location='pc-details.html'">
            <div class="am-u-sm-6">
                <img style="width: 100%; height: 100%" src="assets/i/examples/note.png" alt=""/>
            </div>
                <div class="am-u-sm-6" style="padding: 0; margin-top: 70px;">
                    <div class="in-name" style="font-weight: bold; color: #0c0c0c; padding: 10px 0;">adidas阿迪达斯三叶草男子经典鞋</div>
                    <div class="in-price" style="color: #dd0000; font-weight: bold; padding: 10px 0;">$2299<span style="margin-left: 10px; color: #666; font-size: 20px; text-decoration:line-through">$3999</span></div>
                    <div class="am-u-sm-9 am-u-sm-centered in-buy" style="text-align: center; margin-top: 50px;">立即搶購</div>
                </div>
        </div>

    <div class="in-content am-u-sm-12" style="padding: 10px 0; margin-top: 10px; cursor: pointer; border-top: 1px solid #eee;" onclick="location='pc-details.html'">
        <div class="am-u-sm-6">
            <img style="width: 100%; height: 100%" src="assets/i/examples/note.png" alt=""/>
        </div>
        <div class="am-u-sm-6" style="padding: 0; margin-top: 70px;">
            <div class="in-name" style="font-weight: bold; color: #0c0c0c; padding: 10px 0;">adidas阿迪达斯三叶草男子经典鞋</div>
            <div class="in-price" style="color: #dd0000; font-weight: bold; padding: 10px 0;">$2299<span style="margin-left: 10px; color: #666; font-size: 20px; text-decoration:line-through">$3999</span></div>
            <div class="am-u-sm-9 am-u-sm-centered in-buy" style="text-align: center; margin-top: 70px;">立即搶購</div>
        </div>
    </div>

    <div class="in-content am-u-sm-12" style="padding: 10px 0; margin-top: 10px; cursor: pointer; border-top: 1px solid #eee;" onclick="location='pc-details.html'">
        <div class="am-u-sm-6">
            <img style="width: 100%; height: 100%" src="assets/i/examples/note.png" alt=""/>
        </div>
        <div class="am-u-sm-6" style="padding: 0; margin-top: 70px;">
            <div class="in-name" style="font-weight: bold; color: #0c0c0c; padding: 10px 0;">adidas阿迪达斯三叶草男子经典鞋</div>
            <div class="in-price" style="color: #dd0000; font-weight: bold; padding: 10px 0;">$2299<span style="margin-left: 10px; color: #666; font-size: 20px; text-decoration:line-through">$3999</span></div>
            <div class="am-u-sm-9 am-u-sm-centered in-buy" style="text-align: center; margin-top: 70px;">立即搶購</div>
        </div>
    </div>

</div>

    <div class="in-copyright am-u-sm-12" style="font-size: 14px;">
        ©2009-2016 JiaHong All Rights Reserved. 版权所有
    </div>

</div>

<!--在这里编写你的代码-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js"></script>

<!-- Swiper JS -->
<script src="assets/js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        slidesPerView: 1,
        centeredSlides: true,
        paginationClickable: true,
        autoplay: 2500,
        spaceBetween: 30,
        keyboardControl: true,
        autoplayDisableOnInteraction: false,
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        simulateTouch : false
    });
</script>

</body>
</html>